{extend name="base" /}
<!-- page specific plugin styles -->
{block name="plugin-styles"}
	<link rel="stylesheet" href="/static/ace/assets/css/colorbox.min.css" />
{/block}
<!-- inline styles related to this page -->
{block name="inline-styles"}{/block}

{/block}
<!-- PAGE CONTENT BEGINS -->
{block name="content"}
<div class="space-6"></div>
<div class="row">
    <div class="col-sm-10 col-sm-offset-1">
        <div class="widget-box transparent">
            <div class="widget-header widget-header-large">
                <h3 class="widget-title grey lighter">
                        <i class="ace-icon fa fa-leaf green"></i>
                        订单详情
                    </h3>
                <div class="widget-toolbar no-border invoice-info">
                 <span class="invoice-info-label">下单代理名称:</span>
                    <span class="blue">{$item.name}</span>
                    <br />
                    <span class="invoice-info-label">订单编号:</span>
                    <span class="red">{$item.oid}</span>
                    <br />
                    <span class="invoice-info-label">下单时间:</span>
                    <span class="blue">{$item.addtime}</span>
                    <br>
                    <span class="invoice-info-label">快递公司:</span>
                    <span class="blue">{$item.express_name}</span>
                    <br>
                    <span class="invoice-info-label">快递单号:</span>
                    <span class="blue"><a href="https://m.kuaidi100.com/index_all.html?type=&postid={$item.express_no}">{$item.express_no}</a></span>
                    <br>
                    <span class="invoice-info-label">订单状态:</span>
                    <span class="blue">{$item.status_name}</span>
                </div>
            </div>
            <div class="widget-body">
                <div class="widget-main padding-24">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="row">
                                <div class="col-xs-11 label label-lg label-info arrowed-in arrowed-right">
                                    <b>发货人信息</b>
                                </div>
                            </div>
                            <div>
                                <ul class="list-unstyled spaced">
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>姓名:{$item.sender_name}
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>电话:{$item.sender_tel}
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>所在地址:{$item.sender_addrvalue}
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>详细地址:{$item.sender_addr}
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- /.col -->
                        <div class="col-sm-6">
                            <div class="row">
                                <div class="col-xs-11 label label-lg label-success arrowed-in arrowed-right">
                                    <b>收货人信息</b>
                                </div>
                            </div>
                            <div>
                                <ul class="list-unstyled  spaced">
                                    
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>姓名:{$item.receive_name}
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>电话:{$item.receive_tel}
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>所在地址:{$item.receive_addrvalue}
                                    </li>
                                    <li>
                                        <i class="ace-icon fa fa-caret-right blue"></i>详细地址:{$item.receive_addr}
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row -->
                    <div class="space"></div>
                    <div>
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th class="center" width="10%">#</th>
                                    <th>商品名称</th>
                                    <th>单价</th>
                                    <th>数量</th>
                                    <th>总价</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="center">1</td>
                                    <td>
                                        <a target='_blank' href="/mobile/index/goods_detail.html?id={$item.goodsid}">{$item.goodsname}</a>
                                    </td>
                                    <td class="hidden-xs">
                                        {$item.sigprice}
                                    </td>
                                    <td class="hidden-480"> {$item.courier_num} </td>
                                    <td>{$item.sigprice * $item.courier_num}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="hr hr8 hr-double hr-dotted"></div>
                    <div class="row">
                        <div class="col-sm-5 pull-left">
                            <h4 class="pull-left">
                                备注 :
                                <span class="">{$item.beizhu}</span>
                            </h4>
                        </div>
                        <div class="col-sm-7 pull-left">{$item.beizhu} </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-5 pull-left">
                            <h4 class="pull-left">
                                规格 :
                                <span class="">{$item.key_name}</span>
                            </h4>
                        </div>
                        <div class="col-sm-7 pull-left"> {$item.beizhu} </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-5 pull-right">
                            <h4 class="pull-right">
                                合计 :
                                <span class="red">${$item.total}</span>
                            </h4>
                        </div>
                        <div class="col-sm-7 pull-left"> {$item.beizhu} </div>
                    </div>
                    <div class="space-6"></div>
                    <div class="well">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}
<!-- PAGE CONTENT ENDS -->
<!-- page specific plugin scripts -->
{block name="plugin-scripts"}
<script src="/static/ace/assets/js/jquery.dataTables.min.js"></script>
<script src="/static/ace/assets/js/jquery.dataTables.bootstrap.min.js"></script>
<script src="/static/ace/assets/js/jquery.colorbox.min.js"></script>
{/block}
<!-- inline scripts related to this page -->
{block name="related-scripts"}
<script type="text/javascript">

    // 查看
    function showModal(_id, _status){
        $("#myModal").data("id",_id);
        $("#myModal").data("status",_status);
    }
    // 审核
    function examine(){
        $.ajax({
            url: "/api/v1/member/shenhe",
            type: 'POST',
            dataType: 'json',
            data: {
                id: $("#myModal").data("id"),
                status: $("#myModal").data("status"),
                beizhu: $("#remark").val()
            },
        })
        .done(function(json) {
            console.log("success");
            $("#myModal").modal('hide');
            myTable.draw();
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }


</script>
{/block}